<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机变换背景图片</title>
    <style>
        /* body 是整个页面 */
        body {
            background: url(../素材/desktop_1.jpg) no-repeat top center/cover;
            /* 背景图  路径  不平铺 存在向上 水平居中 /完全覆盖  */
        }
    </style>
</head>
<body>

<script>


    // 声明函数 封装随机更换页面背景图
    function 更换页面背景图(最小值, 最大值) {
        // 获取DOM元素
        const 页面 = document.querySelector('body')
        // 获取指定范围的 随机数
        let 随机数 = Math.floor(Math.random() * (最大值 - 最小值 + 1)) + 最小值
        // 修改CSS样式, 属性值
        页面.style.background = `url(./素材/desktop_${随机数}.jpg) no-repeat top center/cover` // 背景图片属性设置

        // document.body.style.backgroundImage = `url(./素材/desktop_${随机数}.jpg)`
        // 由于body是整个页面,它是唯一标签. 也可以用这种写法来写
    }

    // 调用函数, 并且传参
    更换页面背景图(1, 10)
</script>

</body>
</html>